<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="background-main no-js">
<head>
    <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="<?php echo $themepath;?>/framework/addons/camera/css/camera.css" rel="stylesheet" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="<?php echo $themepath?>/framework/js/html5shiv.js"></script>
        <script src="<?php echo $themepath?>/framework/js/respond.min.js"></script>
    <![endif]-->

    <link href="<?php echo $stylepath;?>/social-icons.css" rel="stylesheet" />
    <link href="<?php echo $stylepath;?>/style.css" rel="stylesheet" />
    <link href="<?php echo $stylepath;?>/theme-color.css" rel="stylesheet" />
    <link href="<?php echo $stylepath;?>/responsive.css" rel="stylesheet" />
    <link href="<?php echo $stylepath;?>/firefox.css" rel="stylesheet" />
    <link href="<?php echo $stylepath;?>/master.css" rel="stylesheet" />
</head>

<body>

 <a class="sr-only" href="#content"></a>

    <div class="header-background">

        <div class="btn-mobile-menu visible-sm visible-xs">
            <button type="button" class="menu-btn">
                <i class="icon-menu"></i>
                <span>Menu</span>
            </button>
        </div>

        <!-- Top Menu -->
        <nav class="social-menu navbar">
            <h2 class="hidden">Top Navigation</h2>

            <div class="container">

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div id="social-menu-navbar-collapse" class="collapse navbar-collapse">


                     <ul class="nav navbar-nav navbar-left visible-lg visible-md">


                        <li class="color-theme"><a href="#">home<span class="nav-line"></span></a></li>

                        <li class="dropdown color-theme">
                            <a href="#" class="dropdown-toggle" data-hover="dropdown">Dropdown Menu
                                <b class="caret"></b>
                                <span class="nav-line"></span>
                            </a>

                            <ul class="dropdown-menu" data-dropdownanimation="true" data-animation="fadeInLeft">
                               <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li><a href="#">One more link</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right visible-lg visible-md visible-sm">

                        <!-- Search -->
                        <li class="search dropdown">
                            <div class="mask-background animated lightSpeedIn"></div>

                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-search"></i></a>
                            <ul class="dropdown-menu" data-dropdownanimation="true" data-animation="fadeInLeft">
                                <li>
                                    <form class="navbar-form navbar-right" role="search">
                                        <div class="form-group">
                                            <input type="text" class="form-control" placeholder="Search" required="required" />
                                            <button type="submit" class="btn-search"><i class="icon-search"></i></button>
                                        </div>
                                    </form>
                                </li>
                            </ul>
                        </li>
                            <!-- login -->

                        <li class="social-icons">
                            <ul class="list-inline clearfix">

                                <li class="tooltip_item fb-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="facebook">
                                    <div class="mask-background" data-animation="lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-facebook"></i></a>
                                </li>
                            <!--other
                                <li class="tooltip_item twitter-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="twitter">
                                    <div class="mask-background" data-animation="lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-twitter"></i></a>
                                </li>

                                <li class="tooltip_item googleplus-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="google+">
                                    <div class="mask-background animated lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-gplus"></i></a>
                                </li>

                                <li class="tooltip_item pinterest-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="pinterest">
                                    <div class="mask-background animated lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-pinterest"></i></a>
                                </li>

                                <li class="tooltip_item youtube-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="youtube">
                                    <div class="mask-background animated lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-youtube"></i></a>
                                </li>

                                <li class="tooltip_item rss-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="rss">
                                    <div class="mask-background animated lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-rss"></i></a>
                                </li>

                                <li class="tooltip_item github-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="github">
                                    <div class="mask-background animated lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-github-circled"></i></a>
                                </li>

                                <li class="tooltip_item instagram-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="instagram">
                                    <div class="mask-background animated lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-instagram"></i></a>
                                </li>

                                <li class="tooltip_item vk-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="vk">
                                    <div class="mask-background animated lightSpeedIn"></div>
                                    <a href="#"><i class="zoc-vk"></i></a>
                                </li>-->

                            </ul>
                        </li>
                    </ul>

                </div>
            </div>
            <!-- /.navbar-collapse -->

        </nav>

        <!-- Breaking News -->
        <section class="tkr-breaking-news hidden-xs">
            <div class="container">

                <div class="title">
                    <h3>Web Portal Phuket</h3>
                </div>

                <div id="divBreakingNewsTicker" class="content">
                    <ul id="js-news" class="js-hidden">
                        <li><a href="post-image.html">
                            <img src="" data-src="holder.js/50x41" class="animated fadeIn" />NFL Players Had More Than 1,300 Injuries This Season</a></li>
                        <li><a href="post-image-lighbox.html">
                            <img src="" data-src="holder.js/50x41" class="animated fadeIn" />9 Facebook Pages You Won't Believe Have Millions of Likes</a></li>
                        <li><a href="post-review.html">
                            <img src="" data-src="holder.js/50x41" class="animated fadeIn" />Best Buy Slashes $400 Off Microsoft Surface Pro Price</a></li>
                        <li><a href="post-image.html">
                            <img src="" data-src="holder.js/50x41" class="animated fadeIn" />Apple: 130,000 iOS Apps Are From Chinese Developers</a></li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- Site Logo -->
        <header class="container header-logo">
            <div class="logo" itemscope itemtype="http://schema.org/Brand">
                <h1 class="hidden" itemprop="name">Four</h1>
                <a href="home/index">
                    <img itemprop="logo" class="site-logo" src="<?php echo $imagepath;?>/logoa.jpg" alt="main-logo" />
                    <img itemprop="logo" class="site-logo-retina" src=""alt="main-logo" style="width: 160px; height: 90px;" />
                </a>
            </div>

            <div class="advertise-790 visible-lg">
                <a href="#">
                    <img src="<?php echo $imagepath;?>/bannerb.jpg" data-src="holder.js" /></a>
            </div>
        </header>
        
        <?php if(!empty($isIndex)){?>
        {_include main_slide}
        <?php }?>
        
        {_widget main_menu}
        
        <!-- Mobile Menu (Pushy Menu) -->
        <nav class="mobile-menu pushy pushy-left  animated fadeInLeft">
            <h2 class="hidden">Mobile Navigation</h2>

            <div class="close-button"><i class="icon-close"></i>Close</div>

            <ul class="menu-block">
                <li class="dropdown color-theme active">
                    <a href="index.html" class="dropdown-toggle">Home <span class="nav-line"></span></a>

                    <ul class="dropdown-menu animated fadeInLeft">
                        <li><a href="index.html">Right Sidebar (Default)</a></li>
                        <li><a href="index-sbleft.html">Left Sidebar</a></li>
                        <li><a href="index-fullwidth.html">Full Width</a></li>
                    </ul>
                </li>

                <li class="dropdown color-3">
                    <a href="#" class="dropdown-toggle">Post Formats<span class="nav-line"></span></a>
                    <ul class="dropdown-menu animated fadeInLeft">
                        <li><a href="post-image.html">Featured Image</a></li>
                        <li><a href="post-image-lighbox.html">Featured Image + Lightbox</a></li>
                        <li><a href="post-video.html">Post With Video</a></li>

                    </ul>
                </li>

                <li class="dropdown color-2">
                    <a href="#" class="dropdown-toggle">Reviews<span class="nav-line"></span></a>
                    <ul class="dropdown-menu animated fadeInLeft">
                        <li><a href="post-review-stars.html">Stars</a></li>
                        <li><a href="post-review-points.html">Points</a></li>
                        <li><a href="post-review-percent.html">Percent</a></li>
                    </ul>
                </li>

                <li class="dropdown color-theme">
                    <a href="#" class="dropdown-toggle">Pages Examples<span class="nav-line"></span></a>
                    <ul class="dropdown-menu animated fadeInLeft">
                        <li class="dropdown-submenu">
                            <a href="#">Blog Pages</a>

                            <ul class="dropdown-menu animated fadeInLeft">
                                <li><a href="pg-blog-1.html">Style 1</a></li>
                                <li><a href="pg-blog-2.html">Style 2</a></li>
                            </ul>
                        </li>

                        <li><a href="pg-category.html">Archive Page</a></li>

                        <li><a href="pg-authors.html">Authors Page</a></li>

                        <li><a href="pg-timeline.html">Timeline Page</a></li>

                        <li><a href="pg-sitemap.html">Sitemap Page</a></li>

                        <li><a href="pg-tags.html">Tags Page</a></li>

                    </ul>
                </li>

                <li class="dropdown color-2">
                    <a href="#" class="dropdown-toggle">Page Layouts<span class="nav-line"></span></a>
                    <ul class="dropdown-menu animated fadeInLeft">
                        <li><a href="sb-left.html">Left Sidebar</a></li>
                        <li><a href="sb-right.html">Right Sidebar</a></li>
                        <li><a href="sb-none.html">Full Width</a></li>
                    </ul>
                </li>


            </ul>

            <ul class="menu-block">

                <li class="active color-theme"><a href="index.html">Home <span class="nav-line"></span></a>
                    <ul class="dropdown-menu animated fadeInLeft">
                        <li><a href="index.html">Right Sidebar (Default)</a></li>
                        <li><a href="index-sbleft.html">Left Sidebar</a></li>
                        <li><a href="index-fullwidth.html">Full Width</a></li>
                    </ul>
                </li>

                <li class="color-theme"><a href="#">Menu Item <span class="nav-line"></span></a></li>

                <li class="dropdown color-theme">
                    <a href="#" class="dropdown-toggle">Dropdown Menu<span class="nav-line"></span></a>

                    <ul class="dropdown-menu animated fadeInLeft">
                        <li class="dropdown-submenu">
                            <a href="#">Sub Menu</a>

                            <ul class="dropdown-menu animated fadeInLeft">
                                <li><a href="#">Style 1</a></li>
                                <li><a href="#">Style 2</a></li>
                                <li><a href="#">Style 3</a></li>
                            </ul>
                        </li>

                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li><a href="#">One more link</a></li>
                    </ul>
                </li>
            </ul>

        </nav>

        <!-- Mobile-Menu (Close) Site Overlay -->
        <div class="site-overlay"></div>
    </div>


    <!-- Main Container -->
    <div class="container main-site-container" itemscope itemtype="http://schema.org/CreativeWork">
        <div class="row">
        <?php if(empty($adminIndex)){
             $col="col-md-8"; }else{
             $col="col-md-12";
                } ?>
             <div class="<?php echo $col; ?>">
                 <?php echo $maincontent;?>
            </div>
            <?php if(empty($adminIndex)){?>
            <section class="col-md-4">
                <h2 class="hidden">Sidebar</h2>
                <?php if(!empty($isDetail)){?>
                <!--{_include detail_mapgoogle}-->
                    {_widget google_map}
                <?php } ?>
                {_include main_sidebar}
                {_include main_sidebar1}
                {_include main_sidebar2}
                {_include main_sidebar3}
            </section>
            <?php } ?>
        </div>
     
    <footer class="container footer-container">
            <section class="row footer-widgets">
                <h3 class="hidden">Footer Widgets</h3>

                <h3>Web portal phuket</h3>

                <div class="col-md-4">
                    <aside class="widget animated fast fadeIn" data-showonscroll="true" data-animation="fadeIn">
                        <div class="widget-title clearfix">
                            <h3 class="hidden">Hidden Title</h3>
                        </div>

                        <div class="widget-title clearfix">
                            <h3>Webportalphuket</h3>
                            <div class="sep-widget"></div>
                        </div>
                        
                        <div class="widget-content paddingZero clearfix text-center">
                            <a href="index.html">
                                <img itemprop="logo" src="" data-src="holder.js/160x90/sky" alt="160x90" style="width: 160px; height: 90px;"></a>
                        </div>
                    </aside>

                    <!--<aside class="widget animated fast fadeIn" data-showonscroll="true" data-animation="fadeIn">
                        <div class="widget-title clearfix">
                            <h3>Social Icons</h3>
                            <div class="sep-widget"></div>
                        </div>

                        <div class="widget-content clearfix">
                            <div class="social-icons white">
                                <ul class="clearfix">
                                    <li class="tooltip_item fb-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="facebook">
                                        <div class="mask-background animated lightSpeedIn"></div>
                                        <a href="#"><i class="zoc-facebook"></i></a>
                                    </li>

                                    <li class="tooltip_item twitter-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="twitter">
                                        <div class="mask-background animated lightSpeedIn"></div>
                                        <a href="#"><i class="zoc-twitter"></i></a>
                                    </li>

                                    <li class="tooltip_item googleplus-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="google+">
                                        <div class="mask-background animated lightSpeedIn"></div>
                                        <a href="#"><i class="zoc-gplus"></i></a>
                                    </li>

                                    <li class="tooltip_item pinterest-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="pinterest">
                                        <div class="mask-background animated lightSpeedIn"></div>
                                        <a href="#"><i class="zoc-pinterest"></i></a>
                                    </li>

                                    <li class="tooltip_item youtube-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="youtube">
                                        <div class="mask-background animated lightSpeedIn"></div>
                                        <a href="#"><i class="zoc-youtube"></i></a>
                                    </li>

                                    <li class="tooltip_item rss-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="rss">
                                        <div class="mask-background animated lightSpeedIn"></div>
                                        <a href="#"><i class="zoc-rss"></i></a>
                                    </li>

                                    <li class="tooltip_item vk-metro-but-16" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="vk">
                                        <div class="mask-background animated lightSpeedIn"></div>
                                        <a href="#"><i class="zoc-vk"></i></a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </aside>-->
                </div>

                <div class="col-md-4">
                    <!--
                    <aside class="widget animated fast fadeIn" data-showonscroll="true" data-animation="fadeIn">
                        <div class="widget-title clearfix">
                            <h3>Popular Posts</h3>
                            <div class="sep-widget"></div>
                        </div>

                        <div class="widget-content clearfix">
                            <div class="wdg-classic-posts color-theme clearfix">
                                <ul class="list-unstyled">
                                    <li class="post-item">
                                        <article class="post-box clearfix">
                                            <figure class="wdg-col-4 sec-image">
                                                <div class="mask-background white"></div>

                                                <div class="post-type anim"><i class="icon-camera2"></i></div>

                                                <div class="post-thumbnail border-radius-2px">
                                                    <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" alt="70x65" style="width: 70px; height: 65px;">
                                                </div>

                                                <div class="rating">
                                                    <div class="stars retina x-1">
                                                        <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                        <div class="fill" style="width: 50%">
                                                            <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <a href="#" class="more"></a>
                                            </figure>

                                            <div class="wdg-col-8 sec-title">

                                                <span class="btn-srp"><a href="pg-category.html">Technology</a></span>

                                                <h5><a href="#" title="">Honda Now Lets You 3D Print Its Concept Car Models</a></h5>

                                                <div class="meta-info">

                                                    <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                    <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                </div>

                                            </div>
                                        </article>
                                    </li>

                                    <li class="post-item">
                                        <article class="post-box clearfix">
                                            <div class="wdg-col-4 sec-image">

                                                <div class="mask-background white"></div>

                                                <div class="post-type anim"><i class="icon-music"></i></div>

                                                <div class="post-thumbnail border-radius-2px">
                                                    <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" alt="70x65" style="width: 70px; height: 65px;">
                                                </div>

                                                <div class="rating">
                                                    <div class="stars retina x-1">
                                                        <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                        <div class="fill" style="width: 90%">
                                                            <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <a href="#" class="more"></a>
                                            </div>

                                            <div class="wdg-col-8 sec-title">

                                                <span class="btn-srp"><a href="pg-category.html">World</a></span>

                                                <h5><a href="#" title="">11 Super Bowl Snacks to Kick Up Your Game Day Party</a></h5>

                                                <div class="meta-info">

                                                    <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                    <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                </div>

                                            </div>
                                        </article>
                                    </li>

                                    <li class="post-item">
                                        <article class="post-box clearfix">
                                            <div class="wdg-col-4 sec-image">

                                                <div class="mask-background white"></div>

                                                <div class="post-type anim"><i class="icon-camera"></i></div>

                                                <div class="post-thumbnail border-radius-2px">
                                                    <img class="border-radius-2px" src="" data-src="holder.js/70x65/sky" alt="70x65" style="width: 70px; height: 65px;">
                                                </div>

                                                <div class="rating">
                                                    <div class="stars retina x-1">
                                                        <div class="gray"><i></i><i></i><i></i><i></i><i></i></div>

                                                        <div class="fill" style="width: 60%">
                                                            <div class="light"><i></i><i></i><i></i><i></i><i></i></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <a href="#" class="more"></a>
                                            </div>

                                            <div class="wdg-col-8 sec-title">

                                                <span class="btn-srp"><a href="pg-category.html">Smartphones</a></span>

                                                <h5><a href="#" title="">The Moto G: More Than Just a Budget Phone</a></h5>

                                                <div class="meta-info">

                                                    <span class="author"><i class="icon-user3"></i><a href="#">Mohammad</a></span>
                                                    <span class="date"><i class="icon-alarm2"></i>27 Aug 2013</span>

                                                </div>

                                            </div>
                                        </article>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </aside>
                    -->
                {_widget recent_comment}
                </div>
                <div class="col-md-4">
                   {_widget tag} 
                </div>

          



            </section>

            <section class="row footer-bottom animated fast fadeIn" data-showonscroll="true" data-animation="fadeIn">
                <h3 class="hidden">Footer Bottom Links</h3>

                <div class="col-md-6">
                    <ul>
                        <li><a href="pg-sample.html">About US</a></li>
                        <li><a href="pg-sample.html">Contact US</a></li>
                        <li><a href="pg-sample.html">Privacy Policy</a></li>
                    </ul>
                </div>

                <div class="col-md-6">
                    <p class="pull-right">© Copyright 2014 Four Magazine Theme by Serpentsoft, All Rights Reserved</p>
                </div>

            </section>
        </footer>
    </div>

        <!-- btn go to top -->
    <div class="btn-goto-top border-radius-2px">
        <i class="icon-arrow-up7"></i>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
             <form method="POST" action="<?php echo base_url("user/checklogin");?>">
                <div class="modal-dialog">
   
                  <div class="modal-content">
                      <div class="modal-body">
                         <div class="row">
                             <div class="col-xs-8"><h2>ยินดีต้อนรับสู่ Panhin.com</h2></div><div class="col-xs-3"> </div><div class="col-xs-1"> <button class="close" aria-hidden="true" type="button" data-dismiss="modal"><img src="<?php echo $imagepath;?>/close.png" width="15"/></button></div></div><br/>
                                 <div class="form-group">
                                 <div class="row">
                                    <div class="col-sm-2"></div>
                                    <label class="col-sm-2 control-label" for="username">ชื่อผู้ใช้</label>
                                    <div class="col-sm-6">
                                    <input type="text" class="form-control" placeholder="Username" required="required" name="username" id="username"/>
                                    </div>
                                 </div>
                                 </div>
                                 <div class="form-group">
                                 <div class="row">
                                    <div class="col-sm-2"></div>
                                    <label class="col-sm-2 control-label" for="password">รหัสผ่าน</label>
                                    <div class="col-sm-6">
                                    <input type="password" class="form-control" placeholder="Password" required="required"name="password" id="password"/>
                                    </div>
                                    </div>
                                 </div>
                                    <div class="row">
                                      <div class="col-xs-2"></div>
                                      <div class="col-xs-2">
                                    <button type="submit" class="btn btn-warning">Sign in</button></div> <div class="col-xs-2"><button class="btn btn-warning">Sign up</button></div><div class="col-xs-2"><a href="<?php echo base_url("home/checkfacebook");?>"><img src="<?php echo $imagepath;?>/fblogin.png"/></a></div>
                         </div>                        
                      </div>
                  </div>
             </form>
        </div>



    <!-- Body Scripts -->
    <script src="<?php echo $themepath;?>/framework/js/jquery-2.0.3.min.js"></script>
    <script src="<?php echo $themepath;?>/framework/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="<?php echo $themepath;?>/framework/js/jquery.easing.1.3.js"></script>
    <script src="<?php echo $themepath;?>/framework/bootstrap/js/bootstrap.min.js"></script>

    <!-- Modernizr -->
    <script src="<?php echo $themepath;?>/framework/js/modernizr.js"></script>

    <!-- Slider -->
    <script src="<?php echo $themepath;?>/framework/addons/camera/js/camera.min.js"></script>
    <script type='text/javascript' src='<?php echo $themepath;?>/framework/addons/camera/js/jquery.mobile.customized.min.js'></script>

    <!-- OWL Carousel -->
    <script src="<?php echo $themepath;?>/framework/addons/owl/owl.carousel.min.js"></script>

    <!-- Breaking News Ticker -->
    <script src="<?php echo $themepath;?>/framework/addons/breaking-news-ticker/jquery.ticker.js"></script>

    <!-- Mobile Menu -->
    <script src="<?php echo $themepath;?>/framework/addons/mobile-menu/pushy.js"></script>

    <!-- Show On Scroll -->
    <script src="<?php echo $themepath;?>/framework/addons/show-on-scroll/jquery.appear.js"></script>

    <!-- Holder JS -->
    <script src="<?php echo $jspath;?>/holder.js"></script>
    <script src="<?php echo $themepath;?>/framework/js/serpentsoft-scripts.js"></script>

    <?php if(!empty($isIndex)){?>
    <script>
        jQuery(function(){
            jQuery('#camera_wrap_1').camera({
                thumbnails: true
            });

            jQuery('#camera_wrap_2').camera({
                height: '400px',
                loader: 'bar',
                pagination: false,
                thumbnails: true
            });
        });
    </script>
    <?php }?>

    <script>
        jQuery(function () {
            //function letitsnow() {
            //    // https://github.com/daveWid/canvas-snow
            //    var canvas = document.getElementById("snowfall");
            //    canvas.width = window.innerWidth;
            //    canvas.height = window.innerHeight;
            //    // Now the emitter
            //    var emitter = Object.create(rectangleEmitter);
            //    emitter.setCanvas(canvas);
            //    emitter.setBlastZone(0, -10, canvas.width, 1);
            //    emitter.particle = snow;
            //    emitter.runAhead(0);
            //    emitter.start(60);
            //}

            //letitsnow();

            // Owl
            serpentsoft_owlStartCarousel('divCatScrollBox_1', 2, {
                //items: 2, //10 items above 1000px browser width
                //itemsDesktop: [647, 2], //5 items between 1000px and 901px
                //itemsDesktopSmall: [597, 2], // betweem 900px and 601px

                itemsCustom: [
                    [0, 2],
                    [992, 2],
                    [765, 2],
                    [480, 1],
                    [150, 1],
                ],

                itemsTablet: false, //2 items between 600 and 0
                itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
                rewindNav: true,
                lazyLoad: true,
            });


            // Reviews Category
            serpentsoft_owlStartCarousel('divCatReviews_1', 2, {

                itemsCustom: [
                    [0, 2],
                    [992, 2],
                    [765, 2],
                    [480, 1],
                    [150, 1],
                ],

                itemsTablet: false, //2 items between 600 and 0
                itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
                rewindNav: true,
                lazyLoad: true,
            });


            // Widget Slides ( divWidgetSlides_1 )
            serpentsoft_owlStartCarousel('divWidgetSlides_1', 1, {

                itemsCustom: [
                    [0, 1],
                    //[992, 1],
                    //[750, 1],
                    //[410, 1],
                    [992, 1],
                    [765, 1],
                    [480, 1],
                    [150, 1],
                ],

                itemsTablet: false, //2 items between 600 and 0
                itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
                rewindNav: true,
                lazyLoad: true,
            });
        });
</body>
</html>